﻿$(document).ready(function () {
    var tabs = [
        { header: $('#tabButton1'), content: $('#tab_content1') },
        { header: $('#tabButton2'), content: $('#tab_content2') },
    ]

    $(tabs[0].header).click(function () {
        changeTab(tabs[0], tabs[1]);
    });

    $(tabs[1].header).click(function () {
        changeTab(tabs[1], tabs[0]);
    });


    $('a.askIcon').each(function () {
        $(this).mouseover(function(){
            $(this).prev().css('display', 'block');
        });

        $(this).mouseleave(function () {
            $(this).prev().css('display', 'none');
        });
    });

    function changeTab(activeTab,tab)
    {
        $(activeTab.header).addClass('current_tab');
        $(activeTab.header).removeClass('normal_tab');
        $(tab.header).addClass('normal_tab');
        $(tab.header).removeClass('current_tab');

        $(activeTab.content).css('display','block');
        $(tab.content).css('display', 'none');
    }
});